<template>
  <div>
    <van-nav-bar title="我的订单" left-arrow @click-left="$router.back(-1)" />
    <van-tabs v-model="active">
      <van-tab title="带付款" class="vt">
        <van-icon name="gold-coin-o" size="80" color="#4444" />
        <span>暂时没有待付款的商品</span>
      </van-tab>
      <van-tab title="待发货" class="vt">
        <van-icon name="logistics" size="80" color="#4444" />
        <span>暂时没有代付款的商品</span></van-tab
      >
      <van-tab title="待收货" class="vt">
        <van-icon name="cart-circle-o" size="80" color="#4444" />
        <span>暂时没有代付款的商品</span></van-tab
      >
      <van-tab title="待评价" class="vt"
        ><van-icon name="todo-list-o" size="80" color="#4444" />
        <span>暂时没有可进行的评价</span></van-tab
      >
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style lang="scss" scoped>
.van-tab__pane {
  padding: 100px;
  text-align: center;
}
.vt {
  display: flex;
  flex-direction: column;
}
span {
  padding-top: 30px;
  color: #4449;
}
</style>
